<template>
    <div>
        <el-table :data="orders">
        <el-table-column label="Id" prop="Id"></el-table-column>
        <el-table-column label="订单号" prop="No"></el-table-column>
        <el-table-column label="地址" prop="Addr"></el-table-column>
        <el-table-column label="电话" prop="Phone"></el-table-column>
        <el-table-column label="收货人" prop="FullName"></el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
    name : 'Table',
    data(){
        return {
            orders : []
        }
    },
    methods: {
        
    },
    created() {
        this.orders = [
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            {"Id" : "10001", "No": "8888", "Addr" : "广东深圳", "FullName": "zhangsan"},
            ]
    },
}
</script>